<template>
    <div id="login-page">
        <div class="content">
            <div class="img">
                <img src="../../assets/images/hourglass@2x.png" class="login">
            </div>
            <span>登录中，请稍等...</span>
        </div>


    </div>
</template>


<script>
import validataion from './login_validation_controller';
export default validataion;
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
#login-page {
  background-color: #fff;
  min-height: 41.6875rem;
  padding-top: 7.5rem;

  .content {
    .img {
      width: 3.75rem;
      height: 3.75rem;
      line-height: 3.75rem;
      overflow: hidden;
      margin: 0 auto;
      //    background-color: #fff;
      transform-origin: 50% 50%;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      position: relative;
      animation-name: img;
      text-align: center;

      @keyframes img {
        from { transition: 1s ease-in; }
        to { transform: rotate(360deg); }
      }

      img {
        height: 60%;
        display: inline-block;
        vertical-align: middle;
      }
    }
  }

  span {
    font-size: 16px;
    line-height: 1.875rem;
  }
}
</style>
